<template>
  <view class="bor-top">
    <view class="hidden-title">基础信息</view>
    <cu-cell-group>
      <cu-cell title="风险分析对象：" :description="detail.riskObjName" description-align="left"></cu-cell>
      <cu-cell title="风险分析单元：" :description="detail.riskUnitName" description-align="left"></cu-cell>
      <cu-cell title="风险等级：" :description="detail.inherentRiskLevelLabel" description-align="left"></cu-cell>
      <cu-cell title="风险事件：" column description-align="left">
        <view>{{ detail.riskEventStr }}</view>
      </cu-cell>
      <cu-cell title="管控措施类型：" :description="detail.measureTypeLabel" description-align="left"></cu-cell>
      <cu-cell title="管控措施：" :description="detail.measureDesc" column description-align="left"></cu-cell>
      <cu-cell title="排查内容：" column description-align="left">
        <view>{{ detail.investigationDesc }}</view>
      </cu-cell>
    </cu-cell-group>

    <view class="hidden-title">排查信息</view>
    <cu-cell-group>
      <cu-cell title="负责部门：" :description="detail.deptName" description-align="left"></cu-cell>
      <cu-cell title="排查岗位：" :description="detail.postName" description-align="left"></cu-cell>
      <cu-cell title="计划排查人员：" :description="detail.planCheckUser" description-align="left"></cu-cell>
      <cu-cell title="计划排查时间：" :description="detail.planCheckStartTime" description-align="left"></cu-cell>
      <cu-cell title="排查周期：" description-align="left">
        <text>{{ `${detail.planCheckPeriod}${detail.periodUnitLabel}` }}</text>
      </cu-cell>
      <cu-cell title="实际排查人员：" :description="detail.actualCheckUserName" description-align="left"></cu-cell>
      <cu-cell title="实际排查时间：" :description="detail.actualCheckTime" description-align="left"></cu-cell>
      <cu-cell title="手机IMEI识别码：" :description="detail.imei" description-align="left"></cu-cell>
    </cu-cell-group>
  </view>
</template>

<script>
import { detailRecord } from '@/api/dbd/controlCheck.js'
import CuCellGroup from '@/components/cu-cell/cu-cell-group.vue'
import CuCell from '@/components/cu-cell/cu-cell.vue'
export default {
  components: {
    CuCellGroup,
    CuCell
  },
  data() {
    return {
      isRender: false,
      readonly: false,
      planTaskId: undefined,
      managerSource: undefined,
      detail: {
        areaName: undefined,
        riskTypeLabel: undefined,
        riskName: undefined,
        managerTypeLabel: undefined,
        pointResp: {
          eventList: [],
          measureList: []
        },
        riskMeasure: {}
      },
      goReportPage: false
    }
  },
  onLoad({ planTaskId }) {
    this.planTaskId = planTaskId
    this.getDetail()
  },
  methods: {
    getDetail() {
      detailRecord(this.planTaskId).then(({ data }) => {
        this.detail = data
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.background-white {
  background-color: #fff;
  padding: 20rpx 30rpx 1rpx 30rpx;
  border-bottom: 1px solid #d5d7e3;
  view {
    padding: 8rpx 0;
    text {
      color: #666;
      display: inline-block;
      width: 78%;
      vertical-align: top;
    }
  }

  .bor-btm {
    display: flex;
    border-bottom: 1px solid #d5d7e3;
  }

  .photo {
    display: flex;
    justify-content: space-between;

    image {
      width: 214rpx;
      height: 214rpx;
    }
  }
}

.hidden-title {
  background: #f5f5f5;
  padding: 20rpx;
  color: #999;
}

.mb-130 {
  margin-bottom: 130px;
}

.bor-top {
  border-top: 20rpx solid #f5f5f5;
}

.cell-label {
  font-size: 30rpx;
}

.cell-content {
  font-size: 28rpx;
}

.background-white {
  padding-left: 0;
}

.submit-group {
  background: #fff;
  z-index: 9;
  padding: 30px;
}
</style>
